import Vue from "vue";
import Vuex from "vuex";
import { listPlotId } from "@/api/info.js";

Vue.use(Vuex);
const DEFAULT_PLOT_DATA = {
  plotId: 6,
}
export default new Vuex.Store({
  state: {
    //小区所有数据信息
    plotData: JSON.parse(localStorage.getItem("plotData")) || DEFAULT_PLOT_DATA,
    //存储当前小区id信息（当前小区）
    curId: Number(localStorage.getItem("curId")) || DEFAULT_PLOT_DATA.plotId,
  },
  getters: {},
  mutations: {
    //获取小区数据
    setPlotData(state, payload) {
      state.plotData = payload;
      localStorage.setItem('plotData', JSON.stringify(payload))
    },
    //获取id
    setCurId(state, id) {
      state.curId = id;
      localStorage.setItem('curId', id)
    },
  },
  //发送异步请求
  actions: {
    //获取数据和id
    getPlotData({ commit },plotId=6) {
      listPlotId(plotId).then((res) => {
        console.log(res);
        commit("setPlotData",res.data)
        commit("setCurId", res.data.plotId);
      }).catch(err=>{
        console.log(err);
        
      });
    },
  },
  modules: {},
});

// export default new Vuex.Store({
//   state:{
//     // curPlotName:JSON.parse(localStorage.getItem("curPlotName")) || null,
//     curPlotData: JSON.parse(localStorage.getItem("curPlotData")) || {plotId:6},
//   },

//   getters:{
//     getCurPlot(state){
//       return Object.values(state.curPlotData || {}).length
//     }
//   },

//   mutations:{
//     setCurPlot(state,payload){
//       state.curPlotData=payload
//       localStorage.setItem("curPlotData",JSON.stringify(payload))

//     },
//   },

//   actions:{
//     getPlotData({commit},plotId=6){
//       listPlotId(plotId).then(res=>{
//         commit('setCurPlot',res.data)
//       })
//     }
//   }
// })